<template>
	<div>
		
		<!-- router 的作用 是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转  -->
		<el-menu
		      default-active="2"
		      class="el-menu-vertical-demo"
			  background-color="#545c64"
			  text-color="#fff"
			  router
		     >
		      <el-submenu index="1">
		        <template slot="title">
		          <i class="el-icon-location"></i>
		          <span>测试的功能</span>
		        </template>
		       
		          <el-menu-item index="helloworld">HelloWorld</el-menu-item>
		          <el-menu-item index="todolist">ToDoList</el-menu-item>
		          <el-menu-item index="table">表格组件</el-menu-item>
		 
		      </el-submenu>
			  
			  
			  <el-submenu index="2">
			    <template slot="title">
			      <i class="el-icon-location"></i>
			      <span>权限管理</span>
			    </template>
			   
			      <el-menu-item index="dept">部门管理</el-menu-item>
			      <el-menu-item index="disease">疾病管理</el-menu-item>
			      <el-menu-item index="table3">用户管理</el-menu-item>
			      <el-menu-item index="table3">用户管理</el-menu-item>
			   
			  </el-submenu>
		     
		    </el-menu>
		
		
		
	</div>
</template>

<script>
	export default {
		name:'NavMenu',
		data(){
			return  {}
		},
		methods:{
			
		},
		computed:{
			
		},
		//在组件呗创建的时候加载数据 初始化
		created() {
			
		}
	}
</script>

<style scoped>
	
	
</style>
